<!DOCTYPE html>
<link rel=author href="mailto:jarhar@chromium.org">
<link rel=help href="https://github.com/whatwg/html/issues/9799">
<link rel=match href="select-child-button-and-datalist-ref.html">

<style>
.blue {
  color: blue;
}
</style>

<select style="appearance:base-select">
  <button>button</button>
  <datalist>
    <option>
      <span class=blue>option</span> one
    </option>
    <option>
      <span class=blue>option</span> two
    </option>
  </datalist>
</select>

<script>
document.querySelector('button').click();
</script>
